<template>
    <div>
        <AppItem :student="student"></AppItem>
        <AppHeader :student="student"></AppHeader>
    </div>
</template>

<script>
import { readonly } from 'vue';

import AppHeader from './components/AppHeader.vue';
import AppItem from './components/AppItem.vue';

export default {
    components: { AppItem, AppHeader },
    setup() {
        let student = readonly({ id: 1, name: '张三', age: 22, gender: '男' });
        return {
            student,
        }
    }
}
</script>